@font-face {
	font-family: "Monotype Corsiva";
	src: url("../fonts/monotype-corsiva/monotype-corsiva.eot"); /* IE9 Compat Modes */
	src: url("../fonts/monotype-corsiva/monotype-corsiva.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("../fonts/monotype-corsiva/monotype-corsiva.otf") format("opentype"), /* Open Type Font */
		url("../fonts/monotype-corsiva/monotype-corsiva.svg") format("svg"), /* Legacy iOS */
		url("../fonts/monotype-corsiva/monotype-corsiva.ttf") format("truetype"), /* Safari, Android, iOS */
		url("../fonts/monotype-corsiva/monotype-corsiva.woff") format("woff"), /* Modern Browsers */
		url("../fonts/monotype-corsiva/monotype-corsiva.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}
body {
	font-family: "Monotype Corsiva";
	font-size: 1.5rem;
	font-weight: normal;
	line-height: 1.2;
	color: #000;
	background-color: #fff;
}
.center{
	text-align:center;
}
table{
	font-size: 1.5rem;
	font-weight: normal;
	line-height: 1.2;
	color: #000;
	margin:auto;
}
table tr{
	border-bottom:1px solid black;
}
.table-bot{
	border:0px;
	text-align:left;
}
.black{
	background-color:black;
	color:white;
}
.logo{
	width:300px;
}
.navbar{
	border-bottom:1px solid black;
	border-top:1px solid black;
}
.slide{
	margin-top:20px;
}
.item_title{
	font: 36px/40px 'Paytone One', sans-serif;
	margin-top:20px;
}

.icon{
	width:40%;
	padding:10%;
	border:2px solid black;
	border-radius:100%;
}
.margin{
	margin-bottom:1rem;
}
.margin1{
	margin-bottom:40px;
}
.service_title{
	font-size:1.5em;
}
.button{
	text-decoration:none;
	color:black;
	border:1px dashed black;
	padding:5px 10px 5px 10px;
	transition-duration: 5s;
	font-size:0.7em;
}
.button:hover{
	text-decoration:none;
	color:black;
	border:1px solid black;
	transition-duration: 5s;
}
.phone{
	color:white;
}
.about{
	font-size:1.5em;
	color:#696969;
}
.img-full{
	height:940px;
	width:700px;
}
.wash-img{
	width:100%;
	border-radius:1000px;
}
tr:hover:nth-child(1n+2){
	background-color:#FF7F50;
	-webkit-transition:
    background-color 0.8s;
  transition:
    background-color 0.8s;
}
.color1{
	background-color:#fff3e8;
}
#go-top {
  position: fixed; 
  bottom: 25px; 
  right: 10px; 
  cursor:pointer; 
  display:none;
  width:50px;
  height:50px;
  background-image: url(../img/verh.png);
}
.pre_room{
	width:100%;
	z-index:0;
	margin:none;
}
.box_shadow{
	background: url(../img/item_published.png) 0 0 repeat;
	z-index:1;
	position: absolute;
	left: 0;
	bottom: 0;
	color:white;
	height:50px;
	margin-left:15px;
	margin-right:15px;
	right: 0;
}
.sticky {
	position: fixed;
	top: 0px;  /* если ноль заменить на число (и в скрипте тоже), то блок будет прилипать до того, как верхний край окна браузера дойдёт до верхнего края элемента. Может быть отрицательным числом. Применим, например, при фиксированном сверху меню */
	z-index: 99;
}
.footer{
	background-color:black;
	color:white;
}
.Full_number{
	position:fixed;
	width:100%;
	background-color: RGB(0, 0, 0, 0.75);
	height:100%;
	z-index:100;
	top:0;
	display:none;
	text-align:center;
}
.full{
	height:100%;
	margin:auto;
}
.full-room{
	height:500px;
	margin:auto;
}
}
.pointer{
	cursor:pointer;
}
.fullimg{
	margin-top:5%;
	width:100%;
}
.modal-content{
	width:100%;
}
.img-rooms{
	width:100%;
}
.padding-bottom{
	padding-bottom:10px;
}
.modal-content{
	opacity: 0.95;
}
.pointer{
	cursor:pointer;
}
.box-shadow{
	box-shadow: 0 1rem 4rem rgba(0,0,0,.5);
}

.place-items {
	height: 50rem;
	display:grid;
    place-items: center;
	padding-bottom: 10rem;
}
.control{

	
}
.carousel1 {
    position: relative;
	
}
.carousel__item {
    position: relative;
    height: 35rem;
    width: 25rem;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 1rem 4rem rgba(0,0,0,.5);
    position: absolute;
    transform: translate(-50%,-50%) scale(.1);
    z-index: 0;
    transition: all .2s linear;
}
.carousel__item img {
    width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.carousel__item--main {
    transform: translate(-50%,-50%) scale(1);
    z-index: 2;
    cursor: pointer;
}

.carousel__item--left {
    transform: translate(-110%,-50%) scale(.9);
    z-index: 1;
}
.carousel__item--right {
    transform: translate(10%,-50%) scale(.9);
    z-index: 1;
}
.carousel__item--left img, .carousel__item--right img {
    filter: grayscale(80%);
}

.carousel__item--right:hover {
    transform: translate(10%,-50%) scale(1.2);
    z-index: 3;
    cursor: pointer;
}
.carousel__item--left:hover {
    transform: translate(-110%,-50%) scale(1.2);
    z-index: 3;
    cursor: pointer;
}
.carousel__item--main:hover {
    transform: translate(-50%,-50%) scale(1.2);
}
.carousel__item:hover > .carousel__text {
    opacity: 1;
}
.carousel__item:hover img {
    filter: grayscale(0%);
}

.carousel__text {
    position: absolute;
    bottom: 0;
    z-index: 4;
    opacity: 0;
    transition: opacity .2s;
    width: 100%;
    text-align: center;
    background-color: rgba(0,0,0,.5);
    padding: 2rem 1rem;
    color: #fff;
}


.carousel__btns {
    position: absolute;
    transform: translate(-50%, 22rem);
    display: flex;
    gap: 2rem;
}
.carousel__btn {
    background-color: transparent;
    height: 5rem;
    width: 5rem;
    border-radius: 50%;
    border:1px solid currentColor;
    color: #aaa;
    cursor: pointer;
}
.carousel__btn svg {
    height: 1.8rem;
    width: 1.8rem;
}
.carousel__btn:hover {
    color: black;
}
@media screen and  (max-width: 991px){
	.logo{
		width:150px;
	}
}
@media screen and  (max-width: 769px){
	.nav-link{
		font-size:1rem;
	}
}
@media screen and  (max-width: 577px){
	#mobile{
		display:none;
	}
}
@media screen and  (max-width: 577px){
	.carousel__item{
		width:10rem;
		height:20rem;
	}
	.place-items{
		height:30rem;
		
	}
	.carousel__btns{
		transform: translate(-50%, 12rem);
	}
}